<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Exemple avec utilisation d'une source interne</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>

    <link rel="stylesheet" media="screen" type="text/css" title="Design" href="css/design.css"/>

    <script type="text/javascript" src="js/jquery.js"></script>

    <script type="text/javascript" src="js/jquery.scrollTo-1.4.2.js"></script>
    <script type="text/javascript" src="js/effects.js"></script>


</head>
<body>
<div class="wrapper">

    <div class="sidebar">
        <div class="logo">
            <img alt="Logo" src="images/logo.png"/>
        </div>
        <hr/>
        <ul>
            <li><a class="menu_link" href="#test1"> Histogramme </a></li>
            <li><a class="menu_link" href="#test2"> Histogramme 3D </a></li>
            <li><a class="menu_link" href="#test3"> Diagramme en ligne </a></li>
            <li><a class="menu_link" href="#test4"> Diagramme circulaire </a></li>
        </ul>
        <hr/>
        <ul>
            <li><a class="menu_link" href="documentation.html" target="_blank"> DOCUMENTATION </a></li>
        </ul>
        <hr/>
        <div class="description">
            <a class="menu_link">Chef de projet</a>
            <ul>
                <li><a>Pierre COLLIGNON</a></li>
            </ul>
            <a class="menu_link">Equipe</a>
            <ul>
                <li><a>Abdourahmane DJIGO</a></li>
                <li><a>Ludovic THUEUX</a></li>
                <li><a>Lyes KIMOUCHE</a></li>
                <li><a>Maxence LUCE</a></li>
                <li><a>Radu POPICA</a></li>
            </ul>
        </div>
    </div>

    <div class="main_content">
        <div class="canvas_top"></div>
        <div class="canvas_container">
            <canvas id="test1" width="850" height="500">Pas de canvas?</canvas>
        </div>
        <div class="canvas_bottom"></div>

        <div class="canvas_top"></div>
        <div class="canvas_container">
            <canvas id="test2" width="850" height="500">Pas de canvas?</canvas>
        </div>
        <div class="canvas_bottom"></div>

        <div class="canvas_top"></div>
        <div class="canvas_container">
            <canvas id="test3" width="850" height="500">Pas de canvas?</canvas>
        </div>
        <div class="canvas_bottom"></div>

        <div class="canvas_top"></div>
        <div class="canvas_container">
            <canvas id="test4" width="850" height="500">Pas de canvas?</canvas>
        </div>
        <div class="canvas_bottom"></div>

    </div>

    <pre id="testpre" style="visibility:hidden;">
        <?xml version="1.0" encoding="UTF-8"?>
        <root>
            <ylegend>Nombre de visiteurs</ylegend>
            <series>
                <serie name="Google.fr">
                    <value label="Lundi">40</value>
                    <value label="Mardi" >20</value>
                    <value label="Mercredi" >50</value>
                    <value label="Jeudi" >10</value>
                    <value label="Vendredi">30</value>
                    <value label="Samedi" >40</value>
                    <value label="Dimanche">50</value>
                </serie>
                <serie name="Kernel.org">
                    <value label="Lundi">20</value>
                    <value label="Mardi" >40</value>
                    <value label="Mercredi" >45</value>
                    <value label="Jeudi" >40</value>
                    <value label="Vendredi">25</value>
                    <value label="Samedi" >40</value>
                    <value label="Dimanche">40</value>
                </serie>
                <serie name="Bing.fr">
                    <value label="Lundi">30</value>
                    <value label="Mardi">35</value>
                    <value label="Mercredi" >5</value>
                    <value label="Jeudi" >40</value>
                    <value label="Vendredi">45</value>
                    <value label="Samedi" >50</value>
                    <value label="Dimanche">15</value>
                </serie>
            </series>

            <colors>
				<color>Red</color>
				<color>Orange</color>
				<color>Yellow</color>
				<color>Green</color>
				<color>Blue</color>
				<color>Indigo</color>
				<color>Violet</color>
				<color>BlueViolet</color>
				<color>Brown</color>
				<color>Chartreuse</color>
				<color>Cyan</color>
				<color>DarkBlue</color>
				<color>DarkGray</color>
				<color>DarkGreen</color>
				<color>DarkMagenta</color>
				<color>DeepPink</color>
				<color>Gold</color>
				<color>GreenYellow</color>
				<color>Lime</color>
				<color>Pink</color>
			</colors>
			<legende>
				<x>50</x>
				<y>475</y>
				<w>500</w>
				<h>120</h>
			</legende>
        </root>
    </pre>

    <div class="footer">
    </div>
</div>
<script type="text/javascript" src="js/HTML5Charts_int.js"></script>
</body>
</html>